<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>用户登录</title>

    <link rel="stylesheet" rev="stylesheet" type="text/css" media="all" th:href="@{/css/login.css}"/>

    <script type="text/javascript" th:src="@{/js/jQuery1.7.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery-1.8.2.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery1.42.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.SuperSlide.js}"></script>
    <style type="text/css">
        html {
            overflow-y: hidden;
        }

        .tab_box {
            border-radius: 25px;
            box-shadow: darkgray 10px 10px 10px 10px;
            margin-top: 50px
        }
    </style>
</head>

<body>
<div id="tab">
    <div class="tab_box">
        <div>
            <div>
                <label>用户名：</label>
                <input type="text" id="username" name="username" placeholder="输入用户名" tabindex="1"/>
            </div>
            <div class="tipss1">
                <span id="tips1" class="tips"></span>
            </div>
            <div>
                <label>密&nbsp;&nbsp;&nbsp;码：</label>
                <input type="password" id="password" name="password" placeholder="输入密码"/>
            </div>
            <div class="tipss2">
                <span id="tips2" class="tips"></span>
            </div>
            <div id="code">
                <label>验证码：</label>
                <input type="text" id="inputCode" name="code" placeholder="输入验证码"/>
                <img th:src="@{/images/captcha.jpg}" title="点击更换" alt="验证码占位图" style="vertical-align:bottom;"/>
                <div id="checkCode" class="code1" onclick="changePic(4)"></div>
            </div>
            <div id="login">
                <button type="submit" class="submit">登录</button>
            </div>
            <div id="register">
                <a th:href="@{/register}" style="color: grey">立即注册</a>
            </div>
        </div>

    </div>
</div>

<div class="screenbg">
    <ul>
        <li><a href="javascript:;"><img th:src="@{/images/2.png}"></a></li>
    </ul>
</div>

<script type="text/javascript" th:src="@{/js/code.js}"></script>
<script type="text/javascript" th:src="@{/js/checkLogin.js}"></script>
</body>
</html>
